<!DOCTYPE html>
<html>
<head>
    <title>更改挂号--中软高科-2015</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css"/>
    <link rel="stylesheet" type="text/css" href="../Css/style.css"/>
    <script type="text/javascript" src="../Js/jquery.js"></script>
    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
    <script type="text/javascript" src="../Js/ckeditor/ckeditor.js"></script>


    <style type="text/css">
        body {
            padding-bottom: 40px;
        }

        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script type="text/javascript">
        $(function () {
            $('#backid').click(function () {
                window.location.href = "index.html";
            });
        });
    </script>
</head>
<body>
<form id="addForm" action="" method="post" class="definewidth m20">
    <table class="table table-bordered table-hover definewidth m10">
        <tr>
            <td width="10%" class="tableleft">姓名</td>
            <td><input type="text" name="hosrName" value="" required/></td>
        </tr>

        <tr>
            <td width="10%" class="tableleft">身份证号</td>
            <td><input type="text" name="hosrIdcar" value="" required/></td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">社保号</td>
            <td><input type="text" name="hosrMedical" value="" required/></td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">挂号费</td>
            <td><input type="text" name="hosrRegprice" value="" required/>元</td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">联系电话</td>
            <td><input type="text" name="hosrPhone" value=""/></td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">是否自费</td>
            <td><input type="radio" name="hosrSelfprice" value="1" checked/>否&nbsp;&nbsp;&nbsp;<input type="radio"
                                                                                                     name="hosrSelfprice"
                                                                                                     value="0"/>是
            </td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">性别</td>
            <td><input type="radio" name="hosrSex" value="1" checked/>男&nbsp;&nbsp;&nbsp;<input type="radio"
                                                                                               name="hosrSex"
                                                                                               value="0"/>女
            </td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">年龄</td>
            <td><input type="text" name="hosrAge" value="" required/></td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">职业</td>
            <td><input type="text" name="hosrWork" value="" required/></td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">初复诊</td>
            <td><input type="radio" name="hosrLookdoctor" value="0" checked/>初诊&nbsp;&nbsp;&nbsp;
                <input type="radio" name="hosrLookdoctor" value="1"/>复诊
            </td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">所挂科室</td>
            <td>
                <select id="dKeshi" name="dKeshi" onchange="loadDoctor()">
                    <option value="急诊科">急诊科</option>
                    <option value="急诊科">骨科</option>
                    <option value="急诊科">血液科</option>
                </select>
            </td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">指定医生</td>
            <td>
                <select id="doctorName" name="doctorName">
                    <option value="程俊">程俊</option>
                    <option value="欧阳雨露">欧阳雨露</option>
                    <option value="王博">王博</option>
                </select>
            </td>
        </tr>
        <tr>
            <td width="10%" class="tableleft">备注</td>
            <td><textarea name="hosrRemark"></textarea></td>
        </tr>
        <tr>
            <td colspan="2">
                <center>
                    <button id="btnAdd" class="btn btn-primary" type="button">提交</button> &nbsp;&nbsp;
                    <button type="button" class="btn btn-success" name="backid" id="backid">返回列表</button>
                </center>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
<script src="/layer/layer.js"></script>
<script>
    $(function () {
        //加载科室和医生信息
        loadData();
        //提交按钮的单击事件
        $("#btnAdd").click(function () {
            $.ajax({
                type: "POST",
                url: "/hospital/hosRegister/",
                data: $("#addForm").serialize(),
                dataType: "json",
                success: function (vo) {
                    if (vo.code == 200) {
                        layer.msg(vo.msg);
                        window.location.href = "/registration/index.html";
                    } else {
                        layer.msg(vo.msg);
                        //alert("添加失败！"+vo.msg);
                    }
                }
            });
        });


    });

    //科室查询
    function loadData() {
        $.get("/hospital/hosRegister/keshi", {}, function (vo) {
            let str = "";
            let list = vo.list;
            for (let i = 0; i < list.length; i++) {
                let obj = list[i];
                let dKeshi = obj.dKeshi;
                str += '<option value="' + dKeshi + '  ">' + dKeshi + '</option>';
            }
            $("#dKeshi").html(str);
            loadDoctor();
        });
    }

    //更具科室联动查询医生信息
    function loadDoctor() {
        //获取被选中的option标签
        var keshi = $('select  option:selected').val();
        $.get("/hospital/hosRegister/doctorName/" + keshi, {}, function (vo) {
            let list = vo.list;
            let str = "";
            for (let i = 0; i < list.length; i++) {
                let obj = list[i];
                let dName = obj.dName;
                str += '<option value="' + dName + '">' + dName + '</option>';
            }
            $("#doctorName").html(str);
        })
    }
</script>